<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>task2</title>
	<link rel="stylesheet" href="css/task02.css" />
</head>
<body>
	<header><nav>
		<a class="logo" href="#">
			<img src="http://ife.baidu.com/asset/img/logo.png" alt="logo"/>
		</a>
		<ul class="nav">
				<li><a href="#" >链接一</a></li>
				<li><a href="#" >链接二</a></li>
				<li><a href="#" >链接三</a></li>
				<li><a href="#" >链接四</a></li>	
		</ul>	
	</nav></header>

	<div id="content">
		<article>
			<h2>文章一级标题</h2>
			<h3>文章二级标题</h3>
			<p class="info">文章作者 文章发表时间<p>
			<p>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，换行了<br/>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，<a href="">这里有一个链接连接到</a>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落.</p>
			
			<img src ="#" alt="ife">
			<p>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，换行了<br/>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，<a href="">这里有一个链接连接到</a>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落.</p>
		</article>

		<article>
			<h2>另一篇文章的一级标题</h2>
			<h3>文章的二级标题</h3>
			<p class="info">章作者 文章发表时间<p>
			<p>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，换行了<br/>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，<a href="">这里有一个链接连接到</a>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落.</p>
			<img src="" alt=""> 
			<ul>
				<li>列表一</li>
				<li>列表一</li>
			</ul>
		</article>

		article>(figure>figcaption{好看的图片}+img[src="game.jpg" alt="some pic"])*10	

	<article>
		<h2>最后一篇文章的一级标题</h2>
		<h3>文章二级标题</h3>
		<p class="info">文章作者 文章发表时间
		</p>
		<ol>
			<li>排名一</li>
			<li>排名一</li>
			<li>排名一</li>
		</ol>
		<table>
		<tr>
			<th class="line">表头</th>
			<th class="line">表头</th>
			<th class="last">表头</th>
		</tr>
		<tr>
			<td class="line">表内容单元格</td>
			<td class="line">表内容单元格</td>
			<td class="last"><a href="javascript:;">操作</a></td>
		</tr>

		<tr>
			<td class="line">表内容单元格</td>
			<td class="line">表内容单元格</td>
			<td class="last"><a href="javascript:;">操作</a></td>
		</tr>

		<tr>
			<td class="line">表内容单元格</td>
			<td class="line">表内容单元格</td>
			<td class="last"><a href="javascript:;">操作</a></td>
		</tr>

		<tr>
			<td class="line">表内容单元格</td>
			<td class="line">表内容单元格</td>
			<td class="last"><a href="javascript:;">操作</a></td>
		</tr>

		<tr>
			<td class="last-row">总计</td>
			<td class="last-row" colspan="2">1000</td>
		</tr>
	</table>
	</article>

	<aside>
		<h3>这里以后有个侧栏,标题</h3>
		<form action="" method="">
			<div><label for="email">请输入邮箱地址：<input id="email" type="email" placeholder="user@domain.com" name="email" /></label></div>
		<p>邮箱地址请按要求格式输入</p>
		<div><label for="password">请输入密码：<input id="password" type="password" placeholder="Min 6 characters" name="password" /></label></div>
		<div><label for="repeat-password"> 请重复输入密码：<input id="repeat-password" type="password" placeholder="repeat password" name="repeat-password" /></label></div>
		<p>密码请为6-16位英文数字</p>

		<div>
			<span>性别：</span>
			<label for="man"><input id="man" checked value="男" type="radio" name="gender" />男</label>
			<label for="woman"><input id="woman" value="女" type="radio" name="gender" />女</label>
		</div>

		<div>
			<label for="city">
				城市:
				<select name="city" id="city">
					<option value="1" selected label="北京">北京</option>
					<option value="2" label="武汉">武汉</option>
					<option value="3" label="长沙">长沙</option>
					<option value="4" label="汕头">汕头</option>
					<option value="5" label="广州">广州</option>
				</select>
			</label>
		</div>

		<div>
			<span>爱好：</span>
			<label for="sport"><input type="checkbox" id="sport" name="sport" /> 运动</label>
			<label for="art"><input type="checkbox" id="art" name="art" /> 艺术</label>
			<label for="science"><input type="checkbox" id="science" name="science" /> 科学</label>
		</div>

		<div>
			<span>个人描述：</span>
			<textarea cols="50" rows="5" name="detail" id="detail" wrap="hard" title="describe">这是一个多行输入框，输入您的个人描述</textarea>
		</div>

		<input id="submit" type="submit" value="确认提交" />
		</form>
	</aside>
	<footer>
		<p>版权所有&copy</p>
	</footer>
</body>
</html>